<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link rel="Shortcut Icon" href="/static/favicon.ico" type="image/x-icon" />
	{% if title %}
      <title>{{ title }} - 视</title>
      {% else %}
      <title>视</title>
      {% endif %}
    <link rel="stylesheet" href="/static/css/idangerous.swiper.css">
    <link rel="stylesheet" href="/static/css/base.css">
	{% block css %}{% endblock %}
</head>
<body>
    <header>
        <div class="container">
            <h1 class="logo"><img src="/static/img/logo1.png" alt="">视</h1>
            <nav>
                <ul class="nav-list">
                    <li class="nav-item"><a href="/">首页</a></li>
                    <li class="nav-item"><a href="/#电视">电视</a></li>
                    <li class="nav-item"><a href="/#电影">电影</a></li>
                    <li class="nav-item"><a href="/#综艺">综艺</a></li>
                    <li class="nav-item"><a href="/#动漫">动漫</a></li>
                </ul>
            </nav>
            <section class="search">
                <input type="text" name="search"/>
				<a class="search-btn">搜索</a>
            </section>
            <section class="user-box">
                {% if login %}
                <a href="/my">{{login.username}}</a>
                <a href="/logout">退出登录</a>
                {% else %}
                <a href="/login" class="login">登录</a> | <a href="/register" class="register">注册</a>
                {% endif%}
            </section>
        </div>
    </header>
	
<div class="container">
	{% block content %}{% endblock %}
	</div>
	<footer>
		<img src="/static/img/i.png">
		<a href="#">渝公网安备50010102000281号</a>	|
		<a href="#">渝ICP备11006384号-1</a>
	</footer>
    <script src="/static/js/jquery-1.10.1.min.js"></script>   
   {% block script %}{% endblock %}
</body>
</html>